// components/navbar/navbar.js
const App = getApp();

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    /**
     * 导航栏标题
     */
    title: {
      type: String,
      value: ''
    },
    /**
     * 导航栏文字的对齐方式，支持`center`和`left`两种
     */
    align: {
      type: String,
      value: 'center'
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
   // 状态栏高度
   statusBarHeight: wx.getStorageSync('statusBarHeight') + 'px',
   // 导航栏高度
   navigationBarHeight: wx.getStorageSync('navigationBarHeight') + 'px',
   // 胶囊按钮高度
   menuButtonHeight: wx.getStorageSync('menuButtonHeight') + 'px',
   // 导航栏和状态栏高度
   navigationBarAndStatusBarHeight: wx.getStorageSync('statusBarHeight') + wx.getStorageSync('navigationBarHeight') + 'px'
  },
  lifetimes: {
    attached() {
      // 修改文字的对齐方式
      this.dealWithNavbarAlign();
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 修改文字的对齐方式
     */
    dealWithNavbarAlign() {
      if (this.properties.align === 'center') {
        this.setData({
          left: 0,
          right: 0
        })
      } else if (this.properties.align === 'left') {
        this.setData({
          left: '32rpx',
          right: 'auto'
        })
      }
    },
    /**
     * 点击返回按钮返回上一层
     */
    onClickBack() {
      wx.navigateBack();
    }
  }
})